<template>
<div class="home">
  <router-link class="ticketBtn" tag="button" :to="{name:'winList'}">券中心</router-link>
  <div v-html="dataShowData.content"></div>
</div>
</template>

<script>
export default{
  data:()=>{
    return{
      dataShowData:''
    }
  },
  mounted(){
    this.dataShowFn();
  },
  methods:{
    dataShowFn(){
      this.http(this.api.coupon_tour).then(res=>{
        switch(parseInt(res.data.ret,10)){
          case 0:
            document.title=res.data.data.title;
            this.dataShowData=res.data.data;
            break;
          default:
            Toast(res.data.msg);
        }
      });
    }
  }
}
</script>

<style lang="scss" type="text/scss">
.home{
  background-color:#004098;
  overflow:auto;
  .ticketBtn{
    position:absolute;
    right:30px;
    top:60px;
    background-color:rgba(#000,0.3);
    width:140px;
    height:50px;
    border:2px solid #ead6b8;
    border-radius:10px;
    color:#ead6b8;
    font-size:24px;
    font-weight:bold;
  }
  img{
    width:100%;
  }
  .bannerList{
    ul{
      li{
        padding-bottom:15px;
      }
    }
  }
}
</style>
